a{
    text-decoration: none;  /*去除文本休息；去掉a标签的下划线 */
}

#container{
    background-color: #f0f0f0; /* 背景颜色 */
    /* 
        外边距
            上下边距为 0px;
            左右边距为父元素的15%（body）
    */
    margin: 0 15%;
}

#nav{
    text-align: center;;
}

#nav li{
    display: inline-block;  /* 设置元素为行内块级元素 */
    width: 120px;   /*宽度*/
    height: 30px;   /*高度*/
    background-color: cornflowerblue;   /*背景颜色*/
    line-height: 30px;  /* 行间距（与高度一致，则显示在中间） */
    color: white;   /* 字体颜色 */
    border: 1px solid cornflowerblue; /*边框*/
    border-radius: 0 10px; /* 边框左下角和右上角变圆10 */
    margin: 30px 5px;
    text-align: center;
}

#nav li a{
    color: white;
}

/*
 * 通过设置a标签的伪类选择器 ：hover 设置字体加粗
 */
#nav li a:hover{
    font-weight: bold; /* 字体加粗 */
}


#top {
    background-color: aqua;
    color: tomato;
    height: 200px;
    /*垂直居中*/
    line-height: 200px;
    /*水平居中*/
    text-align: center;
}

#middle {
    height: 800px;
}

#left,
#right {
    height: 100%;
    float: left;
    overflow: auto;
}


#left {
    width: 15%;
}

#right {
    width: 85%;
}

#right iframe {
    width: 100%;
    height: 100%;
}

audio {
    display: none;
}

a.flag {
    color: blue;
    font-size: 30px;
}

table {
    border-collapse: collapse;
}

th,
td {
    border: 2px solid black;
}

.ftd {
    width: 130px;
}

.std,
.ttd {
    width: 60px;
}

#snav , #sbmnav {
    display: none;
}

legend{
    text-align: center;
}